<template>
  <div class="tablePage">
    <el-table v-loading="loading" :data="componentsList" :highlight-current-row="true">
      <el-table-column label="序号" align="center" type="index" width="80" />
      <el-table-column
        v-for="(item, index) in componentsList"
        :key="index"
        :label="item.labelText"
        align="center"
        :prop="item.prop"
      />
    </el-table>
  </div>
</template>
 
<script setup>
const props = defineProps({
  componentsList: {
    type: Object,
    default: () => []
  },
  formParams: {
    type: Object,
    default: () => {}
  }
});

const loading = ref(false);
</script>

<style scoped>
.colSpan {
  margin-bottom: 15px;
}
</style>
